/*@import url("reset.css");*/

@charset "utf-8";
/* CSS Document */

/*===============================
	@font-face
=================================*/

@font-face {
    font-family: 'gotham_black';
    src: url('../fonts/gotham-black-webfont.eot');
    src: url('../fonts/gotham-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-black-webfont.woff') format('woff'),
         url('../fonts/gotham-black-webfont.ttf') format('truetype'),
         url('../fonts/gotham-black-webfont.svg#gotham_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_bold';
    src: url('../fonts/gotham-bold-webfont.eot');
    src: url('../fonts/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-bold-webfont.woff') format('woff'),
         url('../fonts/gotham-bold-webfont.ttf') format('truetype'),
         url('../fonts/gotham-bold-webfont.svg#gotham_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_light';
    src: url('../fonts/gotham-light-webfont.eot');
    src: url('../fonts/gotham-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-light-webfont.woff') format('woff'),
         url('../fonts/gotham-light-webfont.ttf') format('truetype'),
         url('../fonts/gotham-light-webfont.svg#gotham_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_medium';
    src: url('../fonts/gotham-medium-webfont.eot');
    src: url('../fonts/gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-medium-webfont.woff') format('woff'),
         url('../fonts/gotham-medium-webfont.ttf') format('truetype'),
         url('../fonts/gotham-medium-webfont.svg#gotham_mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*===============================
	reset
=================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display:block; }
html, body { height:100%; }
body { line-height:1.2; }
img { color:transparent; font-size:0; vertical-align:middle; -ms-interpolation-mode:bicubic; }
ol, ul { list-style:none inside; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }

/*===============================
	frame
=================================*/

.f-right { float:right; }
.f-left { float:left; }
.center { text-align:center; }
.zindex { position:relative; z-index: 1; }

.spacer-10, .spacer-20, .spacer-40, .spacer-60, .spacer-80, .spacer-100 {
	display: block;
	clear: both;
}
.spacer-10 { height:10px; }
.spacer-20 { height:20px; }
.spacer-40 { height:40px; }
.spacer-60 { height:60px; }
.spacer-80 { height:80px; }
.spacer-100 { height:100px; }

.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.clearfix:before,
.clearfix:after {
  content:'.';
  display:block;
  overflow:hidden;
  visibility:hidden;
  font-size:0;
  line-height:0;
  width:0;
  height:0;
}
.clearfix:after { clear:both; }
.clearfix { zoom: 1; }

/*===============================
	html
=================================*/

body { font-family:Tahoma, Geneva, sans-serif; color:#999; width:100%; min-width:960px; background-color:#0089C8;  }
a {
	color:inherit;
	text-decoration: none;
	-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
	position: relative;
	outline:none;
	cursor:pointer;
}
b, strong { font-family:"gotham_bold", sans-serif; font-weight:normal; }
p { font-size:0.98em; line-height:130%; }
.intro p { font-size:0.75em; }
h1, h2, h3, h4, h5, h6, p, blockquote { margin-top:10px; }
h1:first-child, h2:first-child, h3:first-child, h4:first-child,
h5:first-child, h6:first-child, p:first-child, blockquote:first-child { margin-top:0; }

a.ver {
	display:block;
	width:62px;
	height:27px;
	padding:0 10px 0 8px;
	margin-top:15px;
	background:url(../img/bg_ver.png);
	font-size:0.75em;
	font-family:"gotham_medium", sans-serif;
	line-height:23px;
	color:#FFF;
	text-shadow:0 -1px 1px #333;
	-webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;
}
a.ver.n1 { background-position:0 0; }
a.ver.n2 { background-position:0 -27px; }
a.ver.n3 { background-position:0 -54px; }
a.ver.n4 { background-position:0 -81px; }
a.ver.n1:hover { background-position:-80px 0; }
a.ver.n2:hover { background-position:-80px -27px; }
a.ver.n3:hover { background-position:-80px -54px; }
a.ver.n4:hover { background-position:-80px -81px; }

span.bottom_shadow { display:block; position:absolute; top:100%; left:0; width:100%; height:21px; background:url(../img/bg_shadow_2.png) no-repeat top center; z-index:2; }
div.bottom_shadow { float:left; width:100%; height:21px; background:url(../img/bg_shadow_2.png) no-repeat top center; }

/*===============================
	header
=================================*/

#header {
	float:left;
	position:relative;
	width:100%;
	padding-top:26px;
	height:34px;
	background-color:#006697;
	text-align:center;
	z-index:1;
}

#header a { position:absolute; top:0; left:50%; margin-left:-138px; z-index:1; }
#header div.top, #header div.bottom { height:17px; -webkit-transition:all 1s ease-out; -moz-transition:all 1s ease-out; -o-transition:all 1s ease-out; transition:all 1s ease-out; }
#header div.top.n1 { background:#FBB930; }
#header div.top.n2 { background:#FBB930; }
#header div.top.n3 { background:#FF0000; }
#header div.top.n4 { background:#FBB930; }
#header div.bottom.n1 { background:#FFC142; }
#header div.bottom.n2 { background:#FFC142; }
#header div.bottom.n3 { background:#FD8065; }
#header div.bottom.n4 { background:#FFC142; }

/*===============================
	nav
=================================*/

#nav {
	float:left;
	position:relative;
	width:80%;
	padding:0 10%;
	background:#0089C8 url(../img/bg_shadow_1.png) no-repeat top center;
}

#nav ul.slide_tabs { display:none; }
#nav a.backward, #nav a.forward {
	display:block;
	position:absolute;
	top:50%;
	left:5%;
	width:40px;
	height:40px;
	background:url(../img/bg_slider_btns.png);
	z-index:2;
	opacity:0.5;
	filter:alpha(opacity=50);
}
#nav a.forward { left:auto; right:5%; background-position:-40px 0; }
#nav a.backward:hover, #nav a.forward:hover { opacity:1; filter:none; }
#slider { float:left; position:relative; width:100%; overflow:hidden; }
#slider img.placeholder { display:block; width:100%; max-height:400px; visibility:hidden; }
#slider div.slide { position:absolute; top:0; left:0; width:100%; }
#slider div.slide img { width:100%; }
#slider div.slide div.info { position:absolute; top:0; right:0; width:277px; height:100%; padding:0 20px; color:#FFF; }
#slider div.slide div.info h2 { margin-top:20px; font-size:1.8em; font-family:"gotham_bold", sans-serif; text-shadow:-3px 3px 0 #000; }
#slider div.slide div.info  p{ font-size:1.2em;}
#slider div.slide div.info h2 span { font-size:1.9em; }
#slider div.slide.n1 div.info {
	background:#996600;
	background:-moz-linear-gradient(45deg, #000000 0%, #996600 100%);
	background:-webkit-gradient(linear, left bottom, right top, color-stop(0%, #000000), color-stop(100%, #996600));
	background:-webkit-linear-gradient(45deg, #000000 0%, #996600 100%);
	background:-o-linear-gradient(45deg, #000000 0%, #996600 100%);
	background:-ms-linear-gradient(45deg, #000000 0%, #996600 100%);
	background:linear-gradient(45deg, #000000 0%, #996600 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#996600', GradientType=1);
}
#slider div.slide.n2 div.info {
	background:#CC9900;
	background:-moz-linear-gradient(45deg, #000000 0%, #CC9900 100%);
	background:-webkit-gradient(linear, left bottom, right top, color-stop(0%, #000000), color-stop(100%, #CC9900));
	background:-webkit-linear-gradient(45deg, #000000 0%, #CC9900 100%);
	background:-o-linear-gradient(45deg, #000000 0%, #CC9900 100%);
	background:-ms-linear-gradient(45deg, #000000 0%, #CC9900 100%);
	background:linear-gradient(45deg, #000000 0%, #CC9900 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#CC9900', GradientType=1);
}
#slider div.slide.n3 div.info {
	background:#2323ca;
	background:-moz-linear-gradient(45deg, #000000 0%, #1972a2 100%);
	background:-webkit-gradient(linear, left bottom, right top, color-stop(0%, #000000), color-stop(100%, #1972a2));
	background:-webkit-linear-gradient(45deg, #000000 0%, #1972a2 100%);
	background:-o-linear-gradient(45deg, #000000 0%, #1972a2 100%);	
	background:-ms-linear-gradient(45deg, #000000 0%, #1972a2 100%);
	background:linear-gradient(45deg, #000000 0%, #1972a2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#1972a2', GradientType=1);
}
#slider div.slide.n4 div.info {
	background:#CC9900;
	background:-moz-linear-gradient(45deg, #000000 0%, #CC9900 100%);
	background:-webkit-gradient(linear, left bottom, right top, color-stop(0%, #000000), color-stop(100%, #CC9900));
	background:-webkit-linear-gradient(45deg, #000000 0%, #CC9900 100%);
	background:-o-linear-gradient(45deg, #000000 0%, #CC9900 100%);
	background:-ms-linear-gradient(45deg, #000000 0%, #CC9900 100%);
	background:linear-gradient(45deg, #000000 0%, #CC9900 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#CC9900', GradientType=1);
}
#slider div.slide.n5 div.info {
	background:#1e418d;
	background:-moz-linear-gradient(45deg, #000000 0%, #1e418d 100%);
	background:-webkit-gradient(linear, left bottom, right top, color-stop(0%, #000000), color-stop(100%, #1e418d));
	background:-webkit-linear-gradient(45deg, #000000 0%, #1e418d 100%);
	background:-o-linear-gradient(45deg, #000000 0%, #1e418d 100%);
	background:-ms-linear-gradient(45deg, #000000 0%, #1e418d 100%);
	background:linear-gradient(45deg, #000000 0%, #1e418d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#1e418d', GradientType=1);
}

#menu { float:left; width:100%; height:41px; background:#CCC url(../img/bg_menu_2.png); }
#menu li { float:left; position:relative; border-right:solid 1px #AE978F; border-left:solid 1px #FFF; color:#000; text-shadow:0 1px #FFF; font-size:0.875em; font-family:"gotham_medium", sans-serif; }
#menu li span.arrow { display:none; position:absolute; bottom:100%; left:50%; width:24px; height:12px; margin-left:-13px; background:url(../img/menu_arrow.png); }
#menu li.current span.arrow { display:block; }
#menu li.current:hover span.arrow { background-position:0 -12px; }
#menu li:first-child { border-left:none; }
#menu li a { display:block; padding:0 10px; line-height:41px; }
#menu li a.active, #menu li a:hover { background-color:#FFF; }
#menu li.f-right { float:right; border:none; color:#FFF; text-shadow:0 1px #930; font-size:1em; }
#menu a.btn_proyectos { display:block; width:297px; height:41px; background:url(../img/bg_btn_proyectos.png); text-align:center; }
/*#menu li.search { float:right; padding:4px; background:#FF9900; border:solid 1px #EC8D00; font-size:1em; font-family:Tahoma, Geneva, sans-serif; }
#menu li.search input[type=text] { float:left; width:230px; height:33px; padding:0 10px; border:none; background-color:#FFF1DD; font:inherit; line-height:33px; color:#712715; }
#menu li.search input[type=submit] { float:left; width:33px; height:33px; padding:0; border:none; background:url(../img/search.png) no-repeat right; cursor:pointer; }*/

/*===============================
	content
=================================*/

#content {
	float:left;
	position:relative;
	width:100%;
	background-color:#FFF;
}

#main { float:left; width:80%; padding:20px 10%; }
#main div.intro { float:left; width:38%; padding-right:2%; }
#main div.intro h1 { font-size:1.8em; font-family:"gotham_medium", sans-serif; color:#004D9D; }
#main div.intro h1 span { font-size:1.346em; font-family:"gotham_bold", sans-serif; }

#section { float:right; width:60%; }
#section div.section_nav { height:25px; font-size:0.75em; line-height:25px; color:#FF3300; }
#section h2 { float:left; padding:0 10px; }
#section ul.tabs { float:right; }
#section ul.tabs li { float:left; padding:0 10px; cursor:pointer; text-align: center; }
#section ul.tabs li:first-child { margin-left:0; }
#section ul.tabs li.current {
	background:#CCCCCC;
	background:-moz-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #CCCCCC));
	background:-webkit-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
	background:-o-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
	background:-ms-linear-gradient(to bottom, #FFFFFF 0%, #CCCCCC 100%);
	background:linear-gradient(to bottom, #FFFFFF 0%, #CCCCCC 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC', GradientType=0);
	color:#333;
}
#section div.panes { float:left; position:relative; width:99%; border-top:solid 2px #F7F7F7; border-left:solid 2px #F7F7F7; }
#section div.panes span.shadow { display:block; position:absolute; top:0; right:100%; width:15px; height:348px; background:url(../img/bg_shadow.png); }
#section div.pane { width:100%; }
#section div.article { float:left; width:98%; padding:2% 0 2% 2%; border-bottom:solid 2px #F7F7F7; }
#section div.article.small { width:48%; border-bottom:none; }
#section div.article img { float:left; width:60%; }
#section div.article.small img { width:40%; }
#section div.article div.f-left { width:38%; padding-left:2%; }
#section div.article.small div.f-left { width:56%; padding-left:4%; }
#section div.article h3 { margin-top:0; font-size:1.25em; font-family:"gotham_light", sans-serif; color:#004C9D; }

/* interna */
#content a.prev, #content a.next { position:absolute; top:0; left:0; width:5%; height:100%; background:#F4F4F4 url(../img/arrow_left.png) no-repeat center; }
#content a.next { left:auto; right:0; background:#F4F4F4 url(../img/arrow_right.png) no-repeat center; }
#content a.prev.disabled, #content a.next.disabled { opacity:0.2; filter:alpha(opacity=20); }
#content div.scrollable {
	float:left;
	position:relative;
	width:90%;
	padding:0 5%;
	background:#DFDFDF;
	background:-moz-linear-gradient(top, #FFFFFF 0%, #DFDFDF 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #DFDFDF));
	background:-webkit-linear-gradient(top, #FFFFFF 0%, #DFDFDF 100%);
	background:-o-linear-gradient(top, #FFFFFF 0%, #DFDFDF 100%);
	background:-ms-linear-gradient(top, #FFFFFF 0%, #DFDFDF 100%);
	background:linear-gradient(to bottom, #FFFFFF 0%, #DFDFDF 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DFDFDF', GradientType=0);
	overflow:hidden;
}

#content div.items { float:left; position:relative; width:1000%; }
#content div.item { float:left; width:10%; }
#content div.prod { float:left; width:16%; padding:30px 2% 20px; text-align:center; min-height:190px; cursor:pointer; background:transparent url(../img/bgbot.jpg) no-repeat bottom; color:#000;}
#content div.prod:hover { background:#F0F0F0; background:rgba(255,255,255,0.5); color:#ff3a10; background:transparent url(../img/bgbot3.jpg) no-repeat bottom;}
#content div.prod.current { background:#F0F0F0; background:rgba(255,255,255,0.5); color:#000; background:transparent url(../img/bgbot2.jpg) no-repeat bottom;}
#content div.prod h2, #content div.prod p { text-align:left; }
#content div.prod h2 { font-size:0.9375em; font-family:"gotham_bold", sans-serif; text-align:center; }

#main div.prod_pane { float:left; width:100%; padding:30px 0; }
#main div.prod_pane > img { float:left; width:30%; margin:0 40px 0 -100px; }
#main div.prod_info { float:left; width:50%; }
#main div.prod_pane h2 { font-size:1.8em; font-family:"gotham_medium", sans-serif; color:#0083C6; }
#main div.prod_pane h2 span { font-size:1.346em; font-family:"gotham_bold", sans-serif; }
#main div.prod_pane ul { margin-top:10px; font-size:0.875em; font-family:"gotham_light", sans-serif; color:#0083C6; }
#main div.prod_pane li { margin-bottom:5px; }
#main div.prod_pane li a { display:block; }
#main div.prod_pane img.pic { position:absolute; bottom:-80px; right:0; width:400px; margin:0; }

#main h1 { font:2.25em Arial, Helvetica, sans-serif; color:#D09319; }
#main h1 span.n1 { font-size:1.5em; color:#FDBE39; }
#main h1 span.n2 { font-size:1.5em; color:#C57946; }
#main h1 span.n3 { font-size:1.5em; color:#004C9D; }
#main span.color {
	float:left;
	position:relative;
	width:48px;
	height:48px;
	margin:10px 10px 0 0;
	border:solid 2px #FFF;
	background:url(../img/bg_color.png) no-repeat top right;
	cursor:pointer;
	z-index:1;
}
#main span.color:hover { background-image:none; }
#main span.color.n1 { background-color:#863011; border-color:#863011; }
#main span.color.n2 { background-color:#eeb819; border-color:#eeb819; }
#main span.color.n3 { background-color:#120000; border-color:#120000; }
#main div.area_pane { position:relative; width:611px; height:690px; margin-left:200px; text-align:center; margin-top:-40px; }
#main div.area_pane > img { position:absolute; top:100px; left:0; }
#main div.circle {
	position:absolute;
	width:90px;
	height:118px;
	padding:40px 30px 0 30px;
	background-image:url(../img/bg_circle.png);
	color:#545454;
	z-index:1;
}
#main div.circle.n1 {bottom: 171px;
left: -87px; background-position:0 0; }
#main div.circle.n2 { bottom:70px; left:190px; background-position:0 -158px; }
#main div.circle.n3 {bottom: 170px;
left: 464px;background-position:0 -316px; }
#main div.circle.n4 { top: 66px;
left: 586px; background-position:0 -474px; }
#main div.circle_info { position:absolute; top:118px; left:108px; width:180px; text-align:left; }
#main div.circle_info a.ver { float:right; }

#main div.color { float:left; margin:10px 5px 0 0; width:30px; height:30px; }
#main div.color span { display:block; width:30px; height:30px; background:url(../img/bg_color.png) no-repeat 9px 1px; }
#main div.color span:hover { background-image:none; }

.tooltip { background:#F0F0F0; padding:5px; color:#666; border-radius:5px; box-shadow:0 0 3px 1px rgba(0,0,0,0.5); }

div.overlay {
	display:none;
	position:relative;
	width:341px;
	background-color:#0083C5;
	color:#FFF;
}

div.overlay > p { padding:10px; margin-top:0; }
div.overlay > img { display:block; }

div.overlay a.close {
	position:absolute;
	top:-15px; right:-15px;
	width:30px;
	height:30px;
	background:url(../img/close.png) no-repeat;
	z-index:2;
}

div.overlay div.lb_title { position:relative; padding:56px 10px 5px 10px; background-color:#FF4D4D; border-bottom:solid 4px #DA010C; text-align:right; }
div.overlay div.lb_title img { position:absolute; top:-56px; left:50%; margin-left:-138px; }
div.overlay div.lb_content {
	background:#DFDFDF;
	background:-moz-linear-gradient(top, #FFFFFF 0%, #DFDFDF 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #DFDFDF));
	background:-webkit-linear-gradient(top, #FFFFFF 0%, #DFDFDF 100%);
	background:-o-linear-gradient(top, #FFFFFF 0%, #DFDFDF 100%);
	background:-ms-linear-gradient(top, #FFFFFF 0%, #DFDFDF 100%);
	background:linear-gradient(to bottom, #FFFFFF 0%, #DFDFDF 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DFDFDF', GradientType=0);
	border-top:solid 4px #FF7A74;
}
div.overlay div.lb_content div.prod { float:left; margin-left:2%; width:32%; padding:10px 0; background:#F0F0F0; background:rgba(255,255,255,0.5); color:#666; text-align:center;}
div.overlay div.lb_content div.prod:first-child { margin-left:60px; width:32%; }
div.overlay div.lb_content div.prod img { width:80%; }
div.overlay div.lb_content div.prod h2,
div.overlay div.lb_content div.prod p { text-align:left; padding:0 10px; }


div.overlay div.lb_content div.prod2 { float:left; margin-left:2%; width:32%; padding:10px 0; background:#F0F0F0; background:rgba(255,255,255,0.5); color:#666; text-align:center;}
div.overlay div.lb_content div.prod2:first-child { margin-left:0; width:32%; }
div.overlay div.lb_content div.prod2 img { width:80%; }
div.overlay div.lb_content div.prod2 h2,
div.overlay div.lb_content div.prod2 p { text-align:left; padding:0 10px; }


div.overlay div.lb_content div.prod3 { float:left; margin-left:2%; width:32%; padding:10px 0; background:#F0F0F0; background:rgba(255,255,255,0.5); color:#666; text-align:center;}
div.overlay div.lb_content div.prod3:first-child { margin-left:115px; width:32%; }
div.overlay div.lb_content div.prod3 img { width:80%; }
div.overlay div.lb_content div.prod3 h2,
div.overlay div.lb_content div.prod3 p { text-align:left; padding:0 10px; }

/*===============================
	footer
=================================*/

#footer {
	float:left;
	width:100%;
	background:#0089C8 url(../img/bg_shadow_1.png) no-repeat top center;
	color:#FFF;
}
#footer div.top { height:17px; background:#00A5F4; }
#footer div.bottom { height:17px; background:#0089C8; }
#footer span { font-family:gotham_light;}
#nav_footer { float:left; width:80%; padding:20px 10%; }
#footer ul { float:left; width:20%; }
#footer li { padding:5px 0; font-size:0.8125em; }
#footer li.title { font-size:0.9375em; font-family:"gotham_bold", sans-serif; }
#footer p { width:80%; padding:0 10% 20px; font-size:0.75em; }

/*===============================
	@media
=================================*/

@media screen and (min-width:1440px){
	#nav { width:70%; padding:0 15%; }
	#main { width:70%; padding:20px 15%; }
	#nav_footer { width:70%; padding:20px 15%; }
	#main div.prod_pane img.pic { width:auto; }
	#footer p { width:70%; padding:0 15% 20px; }
}